<template>
    <div class="splitline">
        <div class="line"></div>
        <div class="content">{{text}}</div>
        <div class="line"></div>
    </div>
</template>

<script>
export default {
  props: {
      text: {
          type: String
      }
  },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.splitline
    width: 80%
    display: flex
    align-items: center
    margin: 0 auto
    .line
        display: inline-block
        flex: 1
        border-bottom: 1px solid rgba(255, 255, 255, 0.2)
    .content
        font-size: 14px
        font-weight: 700
        line-height: 14px
        padding: 0 12px
</style>
